<template>
<div>
  <p class="kh-name">客户姓名：{{info.basicBorrowerName}}</p>
  <el-button
    type="primary"
    style="margin-top: 20px"
    @click="isDcInfo=true"
  >代偿还款申请表下载</el-button
  >
  <!--    代偿信息核对-->
  <el-dialog
    :modal-append-to-body="false"
    :visible.sync="isDcInfo"
    title="代偿信息核对："
    width="50%"
    :before-close="dcInfoClose"
    :append-to-body="true"
  >
    <CompensationInfoCheck v-if="isDcInfo" :orderNumber="info.orderNumber" />

  </el-dialog>
</div>
</template>


<script>
import CompensationInfoCheck from "../../components/postLoanManagement/compensationInfoCheck";

export default {
  components:{CompensationInfoCheck},
  props:['info'],
  name: "checkDownLoad",
  data(){
    return{
      isDcInfo:false,
    }
  },
  mounted() {

  },
  methods:{
    //关闭弹窗
    dcInfoClose(){
      this.isDcInfo=false;
    },

  },
};
</script>

<style scoped>
.kh-name{
  font-size: 16px;
  color: #333333;
}
/deep/ .el-dialog__header {
  font-weight: bold;
  text-align: left;
}


</style>